<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>子页</title>
    <link rel="stylesheet" href="../css/Subpage.css">

</head>

<body>
    <!-- 1头部区域 -->
    <div class="baseHeader">
        <div class="wrapper">
            <!-- 左 -->
            <div class="logo">
                <img src="../static/logo.png" alt="">
            </div>
            <!-- 中 -->
            <div class="search">
                <input type="text" placeholder="搜索商品，发现更多优惠">
                <div class="btn">搜索</div>
            </div>
            <!-- 右 -->
            <ul class="advantage">
                <li><img src="../static/1.png" alt="">
                    <span>全程包邮</span>
                </li>
                <li><img src="../static/2.png" alt="">
                    <span>7天退换</span>
                </li>
                <li><img src="../static/3.png" alt="">
                    <span>品质保证</span>
                </li>
            </ul>

        </div>
    </div>

    <!-- 2导航区域 -->
    <div class="normal">
        <ul class="navbanner">
            <li><a href="../index.html">首页</a></li>
           
        </ul>
    </div>

   

    <!-- title-bar -->
  
    <!-- choice商品列表区域 -->
    <div class="choice">
        <div class="choice-banner">
            <ul class="base-commodity-list">
                <!-- 引入模板 -->
                <!-- <script src="./lib/template-web.js"></script> -->

                <script type="text/html" id="list">
        {{each list}}
        <li onclick="getId({{$value.id}})" class="commodity">
            <img src="{{$value.image}}" alt="">
            <div class="xia">
            <p class="describe">{{$value.title}}</p>
            <div class="commodity-card-keyword">
                <span class="one1">{{$value.commodityTypeName}}</span>
                <span class="two1">包邮</span>
            </div>

    <div class="commodity-card-foot">

    <span class="price-tag">￥</span>
    <span class="price-strong">{{$value.price}}</span>
    <span class="digit"></span>
    <span class="sale-num">{{$value.saleNum}}人已购买</span>

        <span class="coupon-value">{{$value.couponValue}}</span>
    </div>
            </div>
                    {{/each}}
                    </li>
                  
                </ul>
                </script>




        </div>
    </div>

    <!-- 查看更多 -->
    <div class="choice-more-btn">
        <div class="more-btn">
            <div class="look-btn">查看更多</div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <div class="base-footer">
            <img src="../static/logo1.png" alt="" class="img1">
            <h1 class="xmyx">熊猫优选</h1>
            <p class="xiangqing">年轻人网购首选<br>
                购物领券更省钱
            </p>
            <span class="xian">|</span>
            <span class="item">下载APP</span>

            <p class="footer2">
                <img src="../static/policeIcon.png" alt="" class="police-icon">
                浙江安网备案&nbsp;33010602009949&nbsp;|&nbsp;ICP备17012864号:-1&nbsp;|&nbsp;
                <img src="../static/license2.png" alt="" class="police-icon2">
                <span class="xinxi">证照信息</span>

            </p>
        </div>

    </div>

    <!-- aqLogoLRRZT -->
    <div class="aqLogoLRRZT">
        <div class="aqLogo">
            <img src="../static/121.png" alt="">
        </div>
    </div>
    <script src="../lib/jquery-3.6.0.js"></script>
    <script src="../lib/template-web.js"></script>
    <script src="../js/Subpage.js"></script>




</body>

</html>